<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>US.KG WHOIS Lookup</title>
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <style>
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #edf2f7;
            padding: 0;
            margin: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .container {
            width: 100%;
            max-width: 600px;
            margin: auto;
            padding: 20px;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.05);
            transition: all 0.5s ease;
        }
        .header {
            display: flex;
            align-items: center;
            padding: 10px 20px;
            background-color: #ffffff;
            border-radius: 12px 12px 0 0;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        .logo {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .logo img {
            width: 80px;
            height: auto;
            border-radius: 50%;
        }
        .title {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1a202c;
            margin-left: 20px;
        }
        .footer {
            background-color: #1a202c;
            color: #cbd5e0;
            padding: 20px;
            font-size: 14px;
            border-radius: 0 0 12px 12px;
            margin-top: auto;
            text-align: center;
        }
        footer a {
            color: #63b3ed;
        }
        footer a:hover {
            text-decoration: underline;
        }
        .input-group {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        .input-group-prepend {
            background-color: #edf2f7;
            border: 1px solid #cbd5e0;
            padding: 10px;
            border-radius: 0 5px 5px 0;
            color: #4a5568;
        }
    </style>
</head>
<body>
    <nav class="bg-white shadow p-4">
        <div class="container mx-auto">
            <span class="text-lg font-semibold">US.KG WHOIS Lookup</span>
        </div>
    </nav>
    <div class="container">
        <form action="/whois" method="GET">
            <div class="input-group">
                <input type="text" name="name" class="form-input block w-full px-4 py-3 mb-3 leading-tight text-gray-700 border rounded-lg focus:outline-none focus:bg-white" id="name" placeholder="Domain name" required>
                <div class="input-group-prepend">.us.kg</div>
            </div>
            <div class="flex justify-center">
                <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Lookup</button>
            </div>
        </form>
    </div>
    <div class="container mt-5">
        <div class="row">
            <div class="col">
                <h5 class="text-xl font-semibold">Query WHOIS via command line (CLI)</h5>
                <p class="text-gray-700 mt-3">When querying WHOIS via command line, even though US.KG adheres to the RFC 2782 WHOIS server lookup standard, many clients may not support or accept it. This is because, in most cases, you cannot directly query WHOIS by using 'whois example.us.kg'. We are currently working on or preparing to submit support for WHOIS server lookup to mainstream WHOIS clients (such as RFC 1036 WHOIS clients). Until WHOIS clients directly support it, please search for WHOIS information for US.KG domains by specifying the WHOIS server (for example, in RFC 1036 WHOIS clients, you can search by adding the '-h' parameter to specification the 'whois.us.kg' server, like this: 'whois -h whois.us.kg example.us.kg').</p>
                <p class="mt-3"><code class="bg-gray-100 text-gray-800 px-2 py-1 rounded">whois -h whois.us.kg "domainname"</code></p>
            </div>
        </div>
    </div>
    <footer class="footer mt-5">
        <small>
            Enter a domain name to query
            <br>
            If you encounter any problems, please create a new issue: <a href="https://github.com/DigitalPlatDev/US.KG-Issues/issues/new/choose" target="_blank">Issue Report</a><br>
        </small>
    </footer>
    <script>
        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
    </script>
    <script defer src="/_vercel/insights/script.js"></script>
    <script>
        window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
    </script>
    <script defer src="/_vercel/speed-insights/script.js"></script>
</body>
</html>
